$(function(){
    $("#head-nav2").addClass("active");
    /*导航滑动*/
    var navSwiper = new Swiper('#info-nav', {
        freeMode: true,
        slidesPerView: 'auto',
        freeModeSticky: true,
    });

    var curNavIndex=0;//首页0;
    var mescrollArr=new Array(8);//8个菜单所对应的8个mescroll对象
    //初始化首页
    mescrollArr[0]=initMescroll("mescroll0", "dataList0");

    /*初始化菜单*/
    $(".info-tabs a").click(function(){
        /*curNavIndex = $(this).index();
        $(this).siblings("a").removeClass("swiper-slide-active");
        $(this).addClass("swiper-slide-active");
        $(".mescroll").eq(curNavIndex).addClass("show").siblings().removeClass("show");*/

        var i=Number($(this).attr("i"));
        if(curNavIndex!=i) {
            //更改列表条件
            $(".info-tabs a.swiper-slide-active").removeClass("swiper-slide-active");
            $(this).addClass("swiper-slide-active");
            //隐藏当前列表
            $("#mescroll"+curNavIndex).hide();
            //显示对应的列表
            curNavIndex=i;
            $("#mescroll"+curNavIndex).show();
            //取出菜单所对应的mescroll对象,如果未初始化则初始化
            if(mescrollArr[i]==null) mescrollArr[i]=initMescroll("mescroll"+i, "dataList"+i);
        }
    })

    /*创建MeScroll对象*/
    function initMescroll(mescrollId,clearEmptyId){
        //创建MeScroll对象,内部已默认开启下拉刷新,自动执行up.callback,刷新列表数据;
        var mescroll = new MeScroll(mescrollId, {
            //上拉加载的配置项
            up: {
                callback: getListData, //上拉回调,此处可简写; 相当于 callback: function (page) { getListData(page); }
                noMoreSize: 5, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
                empty: {
                    icon: "../img/mescroll-empty.png", //图标,默认null
                    tip: "暂无相关资讯~"
                },
                clearEmptyId: clearEmptyId //相当于同时设置了clearId和empty.warpId; 简化写法;默认null
            }
        });
        return mescroll;
    }

    /*联网加载列表数据  page = {num:1, size:10}; num:当前页 从1开始, size:每页数据条数 */
    function getListData(page){
        //联网加载数据
        // console.log("curNavIndex="+curNavIndex+", page.num="+page.num);
        getListDataFromNet(curNavIndex, page.num, page.size, function(data){
            //联网成功的回调,隐藏下拉刷新和上拉加载的状态;
            // console.log("data.length="+data.length);
            mescrollArr[curNavIndex].endSuccess(data.length);//传参:数据的总数; mescroll会自动判断列表如果无任何数据,则提示空;列表无下一页数据,则提示无更多数据;
            //设置列表数据
            setListData(data);
        }, function(){
            //联网失败的回调,隐藏下拉刷新和上拉加载的状态;
            mescrollArr[curNavIndex].endErr();
        });
    }

    /*设置列表数据*/
    function setListData(data){
        var listDom=document.getElementById("dataList"+curNavIndex);
        //var listDom=$(".mescroll").eq(curNavIndex).children(".data-list");

        for (var i = 0; i < data.length; i++) {
            var pd=data[i];

            var str='<div class="info-article">\
                        <a href="/info_detail/category/' + data[i].category_a + '/article/' + data[i].article_id + '">\
                            <img src="' + data[i].image + '">\
                            <div class="list-main">\
                                <div class="head">' + data[i].title + '</div>\
                                <div class="label">\
                                    <i>日期：<span>' + data[i].created_at + '</span></i>\
                                    <i>阅读：<span>(' + data[i].read_number + ')</span></i>\
                                </div>\
                            </div>\
                        </a>\
                    </div>';

            var liDom=document.createElement("li");
            liDom.innerHTML=str;
            listDom.appendChild(liDom);
        }
    }

    /*联网加载列表数据*/
    function getListDataFromNet(curNavIndex,pageNum,pageSize,successCallback,errorCallback) {
        //延时一秒,模拟联网
        console.log(curNavIndex);
        setTimeout(function () {
                 $.ajax({
                    type: 'get',
                    url: '/articleList',
                    data:{
                        page: pageNum,
                        limit: pageSize,
                        order: curNavIndex,
                    },
                    success: function(data){
                        data=JSON.parse(data);
                        var listData=data.data.artlist;
                        //回调
                        successCallback(listData);
                     },
                     error: errorCallback
                 });
        },400)
    }

    //禁止PC浏览器拖拽图片,避免与下拉刷新冲突;如果仅在移动端使用,可删除此代码
    document.ondragstart=function() {return false;}
});
